.noel{
  position: absolute;
  animation: animationFramesTwo ease-in 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTwo ease-in 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTwo ease-in 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTwo ease-in 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTwo ease-in 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  top: 340px;
}

@keyframes animationFramesTwo{
  0% {
    top: 180px;
	  left: 260px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  10% {
    top:175px;
    opacity:1;
  }
  22% {
    top:180px;
  }
  35% {
    top:175px;
  }
  49% {
    top:180px;
  }
  64% {
    top:175px;
  }
  77% {
    top:180px;
  }
  90% {
    top:175px;
    opacity:1;
  }
  100% {
    top: 180px;
	left: 260px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTwo{
  0% {
    top: 180px;
	left: 260px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  10% {
    top:175px;
    opacity:1;
  }
  22% {
    top:180px;
  }
  35% {
    top:175px;
  }
  49% {
    top:180px;
  }
  64% {
    top:175px;
  }
  77% {
    top:180px;
  }
  90% {
    top:175px;
    opacity:1;
  }
  100% {
    top: 180px;
	left: 260px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTwo {
  0% {
    top: 180px;
	left: 260px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  10% {
    top:175px;
    opacity:1;
  }
  22% {
    top:180px;
  }
  35% {
    top:175px;
  }
  49% {
    top:180px;
  }
  64% {
    top:175px;
  }
  77% {
    top:180px;
  }
  90% {
    top:175px;
    opacity:1;
  }
  100% {
    top: 180px;
	left: 260px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTwo {
  0% {
    top: 180px;
	left: 260px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  10% {
    top:175px;
    opacity:1;
  }
  22% {
    top:180px;
  }
  35% {
    top:175px;
  }
  49% {
    top:180px;
  }
  64% {
    top:175px;
  }
  77% {
    top:180px;
  }
  90% {
    top:175px;
    opacity:1;
  }
  100% {
    top: 180px;
	left: 260px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTwo {
  0% {
    top: 180px;
	left: 260px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  10% {
    top:175px;
    opacity:1;
  }
  22% {
    top:180px;
  }
  35% {
    top:175px;
  }
  49% {
    top:180px;
  }
  64% {
    top:175px;
  }
  77% {
    top:180px;
  }
  90% {
    top:175px;
    opacity:1;
  }
  100% {
    top: 180px;
	left: 260px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}




















/* text-1 */
.text-1{
  position: absolute;
  animation: animationFramesTextOne ease-in 20s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTextOne ease-in 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTextOne ease-in 20s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTextOne ease-in 20s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTextOne ease-in 20s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  top: 0;
}

@keyframes animationFramesTextOne{
  0% {
    top: -20px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  5% {
    top:0;
    opacity:1;
  }
  25% {
    top:0;
    opacity:1;
  }
  30% {
    top:20px;
    opacity:0;
  }
  100% {
    top: -20px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTextOne{
  0% {
    top: -20px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  5% {
    top:0;
    opacity:1;
  }
  25% {
    top:0;
    opacity:1;
  }
  30% {
    top:20px;
    opacity:0;
  }
  100% {
    top: -20px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTextOne {
  0% {
    top: -20px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  5% {
    top:0;
    opacity:1;
  }
  25% {
    top:0;
    opacity:1;
  }
  30% {
    top:20px;
    opacity:0;
  }
  100% {
    top: -20px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTextOne {
  0% {
    top: -20px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  5% {
    top:0;
    opacity:1;
  }
  25% {
    top:0;
    opacity:1;
  }
  30% {
    top:20px;
    opacity:0;
  }
  100% {
    top: -20px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTextOne {
  0% {
    top: -20px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  5% {
    top:0;
    opacity:1;
  }
  25% {
    top:0;
    opacity:1;
  }
  30% {
    top:20px;
    opacity:0;
  }
  100% {
    top: -20px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}



















/* text-2 */
.text-2{
  position: absolute;
  animation: animationFramesTextTwo ease-in 20s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTextTwo ease-in 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTextTwo ease-in 20s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTextTwo ease-in 20s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTextTwo ease-in 20s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  top: 0;
}

@keyframes animationFramesTextTwo{
  0% {
    top: -20px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  30% {
    top: -20px;
    opacity:0;
  }
  35% {
    top:0;
    opacity:1;
  }
  65% {
    top:0;
    opacity:1;
  }
  70% {
    top:20px;
    opacity:0;
  }
  100% {
    top: 20px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTextTwo{
  0% {
    top: -20px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  30% {
    top: -20px;
    opacity:0;
  }
  35% {
    top:0;
    opacity:1;
  }
  65% {
    top:0;
    opacity:1;
  }
  70% {
    top:20px;
    opacity:0;
  }
  100% {
    top: 20px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTextTwo {
  0% {
    top: -20px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  30% {
    top: -20px;
    opacity:0;
  }
  35% {
    top:0;
    opacity:1;
  }
  65% {
    top:0;
    opacity:1;
  }
  70% {
    top:20px;
    opacity:0;
  }
  100% {
    top: 20px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTextTwo {
  0% {
    top: -20px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  30% {
    top: -20px;
    opacity:0;
  }
  35% {
    top:0;
    opacity:1;
  }
  65% {
    top:0;
    opacity:1;
  }
  70% {
    top:20px;
    opacity:0;
  }
  100% {
    top: 20px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTextTwo {
  0% {
    top: -20px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  30% {
    top: -20px;
    opacity:0;
  }
  35% {
    top:0;
    opacity:1;
  }
  65% {
    top:0;
    opacity:1;
  }
  70% {
    top:20px;
    opacity:0;
  }
  100% {
    top: 20px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}




















/* text-3 */
.text-3{
  position: absolute;
  animation: animationFramesTextThree ease-in 20s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTextThree ease-in 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTextThree ease-in 20s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTextThree ease-in 20s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTextThree ease-in 20s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  top: 0;
}

@keyframes animationFramesTextThree{
  0% {
    top: -20px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  70% {
    top: -20px;
    opacity:0;
  }
  75% {
    top:0;
    opacity:1;
  }
  95% {
    top:0;
    opacity:1;
  }
  100% {
    top: 20px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTextThree{
  0% {
    top: -20px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  70% {
    top: -20px;
    opacity:0;
  }
  75% {
    top:0;
    opacity:1;
  }
  95% {
    top:0;
    opacity:1;
  }
  100% {
    top: 20px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTextThree {
  0% {
    top: -20px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  70% {
    top: -20px;
    opacity:0;
  }
  75% {
    top:0;
    opacity:1;
  }
  95% {
    top:0;
    opacity:1;
  }
  100% {
    top: 20px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTextThree {
  0% {
    top: -20px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  70% {
    top: -20px;
    opacity:0;
  }
  75% {
    top:0;
    opacity:1;
  }
  95% {
    top:0;
    opacity:1;
  }
  100% {
    top: 20px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTextThree {
  0% {
    top: -20px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  70% {
    top: -20px;
    opacity:0;
  }
  75% {
    top:0;
    opacity:1;
  }
  95% {
    top:0;
    opacity:1;
  }
  100% {
    top: 20px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}


















/* hthe-le */
.hthe-le{
  position: absolute;
  animation: animationFramesTlOne ease-in 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTlOne ease-in 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTlOne ease-in 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTlOne ease-in 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTlOne ease-in 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  top: 300px;
}

@keyframes animationFramesTlOne{
  0% {
    top: 280px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 300px;
    opacity:1;
  }
  100% {
    top: 300px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTlOne{
  0% {
    top: 280px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 300px;
    opacity:1;
  }
  100% {
    top: 300px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTlOne {
  0% {
    top: 280px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 300px;
    opacity:1;
  }
  100% {
    top: 300px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTlOne {
  0% {
    top: 280px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 300px;
    opacity:1;
  }
  100% {
    top: 300px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTlOne {
  0% {
    top: 280px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 300px;
    opacity:1;
  }
  100% {
    top: 300px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}



















/* the-le slimScrollDiv */
.the-le .slimScrollDiv{
  position: absolute;
  animation: animationFramesTlTwo ease-in 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTlTwo ease-in 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTlTwo ease-in 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTlTwo ease-in 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTlTwo ease-in 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  top: 200px;
}

@keyframes animationFramesTlTwo{
  0% {
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 180px;
    opacity:0;
  }
  100% {
    top: 200px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTlTwo{
  0% {
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 180px;
    opacity:0;
  }
  100% {
    top: 200px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTlTwo {
  0% {
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 180px;
    opacity:0;
  }
  100% {
    top: 200px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTlTwo {
  0% {
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 180px;
    opacity:0;
  }
  100% {
    top: 200px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTlTwo {
  0% {
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 180px;
    opacity:0;
  }
  100% {
    top: 200px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}



















/* close-btn */
.close-btn{
  position: absolute;
  animation: animationFramesTlThree ease-in 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesTlThree ease-in 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesTlThree ease-in 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesTlThree ease-in 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesTlThree ease-in 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  top: 315px;
}

@keyframes animationFramesTlThree{
  0% {
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 295px;
    opacity:0;
  }
  100% {
    top: 315px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFramesTlThree{
  0% {
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 295px;
    opacity:0;
  }
  100% {
    top: 315px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFramesTlThree {
  0% {
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 295px;
    opacity:0;
  }
  100% {
    top: 315px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFramesTlThree {
  0% {
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 295px;
    opacity:0;
  }
  100% {
    top: 315px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFramesTlThree {
  0% {
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  50%{
    top: 295px;
    opacity:0;
  }
  100% {
    top: 315px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}